<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>事项预约-办理地点选择</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app.css">
		<style>
			/*其他*/
			.mui-bar-nav~.mui-content{padding:0;}
			.mui-slider-item{min-height:10rem;}
			/*地址列表*/
			.address_list{width:100%;float:left;padding:0;margin:0;}
			.address_list img{width:.23rem;float:left;margin:0.05rem .13rem 0 0;}
			.address_list>li{width:100%;float:left;position:relative;background:#fff;padding:.3rem 0;margin-bottom:.1rem;}
			.address_list>li>a{display:block;width:100%;box-sizing:border-box;padding:0 .4rem;font-size:.3rem;color:#333;position:relative;}
		    .font_size{font-size:.3rem;float:left;width:6.3rem;line-height:1.5;}
		    .address_list>li:first-child{padding-top:.3rem;}
		</style>
	</head>
	<body>
		<div class="mui-content">
			<div class="mui-sliders">
			<div class="mui-slider-groups">
				<div id="item1" class="mui-control-content mui-active">
					<div id="scroll" class=""><div class="mui-scroll">
						<ul class="address_list" id="address_list" v-if="is_show">
							<li v-for="bldd in handleLocationList" :locationName = "bldd.locationName" :locationAddr ="bldd.locationAddr" :handleLocationOid="bldd.handleLocationOid" :consultTel="bldd.consultTel"><a><img src="../../images/jindu/address.png"><span class="font_size">{{bldd.locationName}}</span></a></li>
						</ul>
						</div>
					</div>
				</div>
				</div>
			</div>
			</div>
		</div>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/common.js"></script>
	<script src="../../js/jquery2.2.4.min.js"></script>
	<script src="../../js/vue.min.js"></script>
	<script>
		
		$('.mui-sliders').height($(window).height()-$('.mui-bar-nav').height());
		mui.plusReady(function() {
		   var handleLocationsList = JSON.parse(localStorage.getItem("$handleLocationsList"));
			getData(handleLocationsList);
			
		});
		
		var vm = new Vue({
			  el: '#address_list',
			  data: {
			  	handleLocationList:[],
			  	is_show:false
			  }
			  
		});
		
		/**
		 * @param {Object} handleLocations
		 */
		function getData(handleLocations){
			if(handleLocations != null || handleLocations != undefined){
				vm.is_show = true;
				vm.handleLocationList = vm.handleLocationList.concat(handleLocations);
			}
		}
		
		//绑定事件
		mui('body').on('tap','#address_list li',function(){
			var locationName = this.getAttribute("locationName");
			var locationAddr = this.getAttribute("locationAddr");
			var handleLocationOid = this.getAttribute("handleLocationOid");
			var consultTel = this.getAttribute("consultTel");
			var workView = plus.webview.getWebviewById("onlineBooking-sub");
			mui.fire(workView,"updateBldd",{"locationName":locationName,"locationAddr":locationAddr,"handleLocationOid":handleLocationOid,"consultTel":consultTel});
			mui.back();
		});
	</script>
	</body>
</html>
